/* 表单容器样式 */
form {
    /*字体*/
    font-family: Arial, sans-serif;
}

/* 通用标签样式（除了“设置为默认地址”的label） */
label {
    /*字体加粗*/
    font-weight: bold;
    /*标签都单独一行*/
    display: block;
    /*标签和输入框间距*/
    margin-bottom: 10px;
}

/* “设置为默认地址”标签样式 */
label[for="isdefault"] {
    font-weight: bold;
    display: inline; /* 行内块级显示，使文字和复选框同行 */
    margin-bottom: 10px;
    margin-right: 5px; /* 与复选框保持一定间距 */
}

/*按钮样式*/
input[type="submit"] {
    /*单独一行*/
    display: block;
    /*蓝底白字*/
    background-color: #2f77fb;
    color: #fff;
    padding: 10px 20px;
    /*没有边框*/
    border: none;
}

/*单选按钮样式*/
input[type="radio"] {
    margin-bottom: 10px;
    /*按钮选中颜色*/
    accent-color: #6c6c6c;
}

/*将单选按钮和标签放在同一个块级*/
.radio-container {
    display: block;
    margin-bottom: 10px;
}


/*详细地址输入框样式*/
textarea {
    margin-bottom: 10px;
    padding: 8px;
    width: 250px;
    height: 100px;
    border: 1px solid #7e67ef;
    border-radius: 5px;
}

/*输入框样式*/
input[type="text"] {
    margin-bottom: 10px;
    padding: 8px;
    width: 250px;
    border: 1px solid #7e67ef;
    /*圆角*/
    border-radius: 5px;
}

input[type="text"]:focus {
    outline: none;
    border-color: red;
}

textarea:focus {
    outline: none;
    border-color: red;
}

/*复选框样式*/
input[type="checkbox"] {
    margin-bottom: 10px;
    /*按钮选中颜色*/
    accent-color: #6c6c6c;
}
